@main-color : #1177E8;
.content {
    background-color: #fff;
    padding: 20px;
    border: 1px solid #E0E0E0;
    border-radius:4px;
    .content-top {
        margin-bottom: 10px;
        button {
            margin-right: 10px;
            height: 32px;
            line-height: 16px;
        }
        .expandbtn{
            position: relative;
            overflow: visible;
            background: #EAEEF1;
            border-color: #DADDDF;
            color: #152441;
            transition: All 0.25s ease-in-out;
            -webkit-transition: All 0.25s ease-in-out;
            -moz-transition: All 0.25s ease-in-out;
            line-height: 20px;
            height: 32px;
            outline: none;
            &.expand {
                background-color: #F3F5F7;
                color: #152441;
                &:focus {
                    background-color: #F3F5F7;
                    color: #152441;
                }
            }
            &:hover {
                background-color: #F3F5F7;
            }
            &::after{
                content: '';
                display: block;
                position: absolute;
                left: -1px;
                top: 27px;
                width: calc(~'100% + 2px');
                height: 0px;
                background: #f5f5f7;
                border-left: 1px solid #d0d5d8;
                border-right: 1px solid #d0d5d8;
                z-index: 1;
                transition: All 0.25s ease-in-out;
                -webkit-transition: All 0.25s ease-in-out;
                -moz-transition: All 0.25s ease-in-out;
            }

            &:focus{
                background: #EAEEF1;
                border-color: #DADDDF;
                box-shadow: 0 0 0 0px rgba(45, 140, 240, 0.2);
            }
            &:active{
                background: #EAEEF1;
                border-color: #DADDDF;
                outline: none;
            }
            &:hover {
                background-color: #F3F5F7;
                color: #152441;
            }
            &.expand {
                border-radius: 3px 3px 0 0;
                &::after {
                    height: 13px;
                }
            }
        }
    }
    .content-footer {
        margin-top: 20px;
        text-align: right;

    }
}
.search-collapse {
    margin-top: 8px;
    margin-bottom: 10px;
    border: none;
    .ivu-collapse-header {
        display: none;
    }
    .ivu-collapse-content {
        background-color: #F3F5F7;
        border-top: 1px solid #DADDDF;
        border-bottom: 1px solid #e7e7ed;
        .ivu-collapse-content-box {
            padding-bottom: 2px;
        }
    }
    .ivu-form {
        .ivu-form-item-label {
            font-size: 14px;
        }
        .ivu-form-item {
            float: left;
            margin-bottom: 14px;
            .ivu-input {
                font-size: 14px;
            }
            &.btn {
                width: 90px;
                .ivu-form-item-content {
                    width: 80px;
                    .ivu-btn {
                        font-size: 14px;
                        height: 32px;
                        padding: 4px 15px 5px;
                        .iconfont {
                            font-size: 13px;
                        }
                    }
                }
            }
        }
        .ivu-form-item-content {
            width: 360px;
        }
    }
    .ivu-form-inline {
        .ivu-form-item {
            float: none;
        }
        .ivu-form-item-content {
            width: auto;
            min-width: 150px;
        }
    }
}

//普通弹窗样式
.ivu-modal-content {
    border-radius: 4px;
    .ivu-modal-header {
        padding: 14px 20px;
        font-size: 16px;
        font-weight: bold;
        line-height: 20px;
        .ivu-icon-ios-close {
            font-size: 30px;
            cursor: pointer;
            position: relative;
            top: -6px;
            right: -6px;
            transition: all 0.3s;
            color: #767884;
            &:hover {
                color: #383a4a;
            }
        }
    }
    .ivu-modal-body {
        padding: 20px;
        max-height: 538px;
        overflow: auto;
    }
    .ivu-modal-footer {
        padding: 16px 20px;
        background-color: #f6f7f9;
        border-radius: 0 0 4px 4px;
        button + button {
            margin-left: 10px;
        }
    }
}

// 无线框弹窗
.no-border {
    .ivu-modal-header {
        border: none;
    }
    .ivu-modal-body {
        .ivu-icon {
            font-size: 36px;
        }
        .ivu-icon-ios-alert {
            color: #f7ba2a;
        }
        .ivu-icon-ios-checkmark-circle {
            color: #36c7a1;
        }
        .ivu-icon-md-close-circle {
            color: #f45050;
        }
        .modal-content {
            width: 314px;
            padding: 8px 0 0 12px;
            font-size: 14px;
            line-height: 21px;
        }
    }
    .ivu-modal-footer {
        border: none;
        background-color: #fff;
    }
}

.hide {
    display: none!important;
}
.ivu-menu-submenu-title .ivu-icon {
    color: #767884;
}
.dashboard {
    .iconfont  {
        color: #767884;
    }
    span {
        font-size: 14px;
    }
}

.modalImport {
    h6 {
        font-size: 14px;
        color: #383A4A;
    }
    p {
        font-size: 12px;
        color: #ACABB1;
    }
}
.side-menu-wrapper a.drop-menu-a {
    padding: 14px  15px;
    color: #767884;
}
// 订单模块 tab标签页样式修改
.ivu-modal-body {
    .ivu-tabs {
        .ivu-tabs-bar {
            .ivu-tabs-nav-container {
                height: 36px;
                &:focus .ivu-tabs-tab-focused {
                    border-color: #E7E7ED!important;
                    border-top-color: #1177E8!important;
                }
                .ivu-tabs-nav-wrap {
                    .ivu-tabs-nav {
                        .ivu-tabs-tab {
                            border-radius: 0;
                            padding: 8px 20px 7px;
                            height: 35px;
                            background-color: #EAEEF1;
                            &:hover {
                                background-color: #F3F5F7;
                                color: #152441;
                            }
                            &.ivu-tabs-tab-active {
                                height: 36px;
                                color: #1177E8;
                                border-color: #E7E7ED;
                                border-top-color: #1177E8;
                                background-color: #fff;
                            }
                            &:focus {
                                outline: none;
                            }
                        }
                    }
                }
            }
        }
    }
}
